// import React from "react";

// const Discover= () => {
//   return (
//     <div>
//         discover
//     </div>
//   )
// }

// export default Discover

import React, { memo } from 'react'
import type { ReactNode } from 'react'
import { Outlet } from 'react-router-dom'
import './style.less'
import { Suspense } from 'react'
import Navbar from './components/navbar'
interface IProps {
  children?: ReactNode
}

const Discover: React.FC<IProps> = () => {
  return (
/*     <div>
      {discoverMenu.map((item) => {
        return (
          <div className="item" key={item.title}>
            <NavLink
              to={item.link}
              className={({ isActive }) => (isActive ? 'active' : '')}
            >
              {item.title}
            </NavLink>
          </div>
        )
      })}
    </div> */

    <div>
      <Navbar></Navbar>
      <div className="context">
        <Suspense fallback="加载中...">
          <Outlet />
        </Suspense>
      </div>
      </div>
  )
}


export default memo(Discover)
